<!-- 我的表格 -->

<template>
  <WebTable noPage medium>
    <RowTitle label="耗材名称" bind="dto.spareDto.spareName" :minWidth="120" />
    <RowText label="所属仓库" bind="dto.warehouseDto.warehouseName" :minWidth="120" />

    <RowText label="库存数量" bind="dto.stockNum">
      <template #default="{ row, text }">
        <b :style="redStyle">{{ text }} {{ row.dto.spareDto.unitName }}</b>
      </template>
    </RowText>

    <RowText label="预警值" bind="dto.safeNum">
      <template #suffix="{ row }">
        <span> {{ row.dto.spareDto.unitName }}</span>
      </template>
    </RowText>

    <RowText label="预计使用天数" bind="day" :width="120" />
  </WebTable>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 标红样式
     */
    redStyle() {
      const color = CORE.dict(CORE.DICT.COLOR, '红', 2)
      return { color }
    },
  },
}
</script>
